<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理</title>
</head>
<body>
    <!-- 1.文本标签 -->
    普通文字
    <b>加粗文字</b>
    <s>删除线文字</s>
    <i>斜体文字</i>
    <u>下划线文字</u>
    <mark>高亮&nbsp;&nbsp;&nbsp;标记文字</mark>

    <!--换行标签-->
    <br>
    <!--&lt;转义符号,在页面显示一个小于号 less than
    &gt;转义符号,在页面显示一个大于号greater than-->
    我最喜欢&lt;tom&gt;写的静夜思

    <!--2.标题字-->
    <!--h1~h6 h4的字号和普通文字一样大-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <h7>七级</h7>

    <!-- 3.段落标签 -->
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>
    <p>吃葡萄不吐葡萄皮</p>
    <!--生成假文 先写lorem 再按Tab补全-->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad assumenda at corporis dolore eum in inventore nobis numquam, obcaecati quaerat quis quo ratione saepe sint tempora unde, velit voluptate voluptates?</p>

    <!-- 生成一条水平的灰色分割线   -->
    <hr>

    <!-- 4.有序列表 ordered list 里面每一条数据称作:列表项 list item-->
    <!--type属性默认1阿拉伯数字 A大写字母 a小写字母 I大写罗马数字 i小写罗马数字-->
    <ol type="i">
        <li>把冰箱门打开</li>
        <li>把大象塞进去</li>
        <li>把冰箱门关上</li>
    </ol>
    <!-- 5.无序列表ul(unordered list) 列表项还是li(list item)-->
    <!-- type="none"去掉无序列表项前的标识符(黑色实心圆) -->
    <ul type="none">
        <li>《Think in Java》</li>
        <li>《Java从入门到精通》</li>
        <li>《颈椎康复指南》</li>
    </ul>
    <hr>
    <ul type="none">
        <li>
            凉菜
            <ol>
                <li>拍黄瓜</li>
                <li>皮蛋豆腐</li>
                <li>凉拌三丝</li>
            </ol>
        </li>
        <li>
            热菜
            <ol>
                <li>西红柿牛腩</li>
                <li>水煮肉片</li>
                <li>宫保鸡丁</li>
                <li>溜肉段</li>
            </ol>
        </li>
        <li>
            主食
            <ol>
                <li>米饭</li>
                <li>面条</li>
            </ol>
        </li>
    </ul>
    <hr>
    <h1>个人简历</h1>
    <hr>
    <h2>基本信息</h2>
    <p>姓名: <b>传奇哥</b></p>
    <p>性别: 男</p>
    <p>爱好: <s>摄影</s></p>
    <h2>个人经历</h2>
    <ul>
        <li>小学9年</li>
        <li>中学9年</li>
        <li>高中12年</li>
    </ul>
    <h2>获得荣誉</h2>
    <ol>
        <li>机甲收集达人</li>
        <li>玩偶收集达人</li>
    </ol>
</body>
</html>